import React from 'react';
import Websocket from 'react-websocket';

import { connect } from 'dva';
import {
    Row, Col, Card, Form, Icon,
    Button, Modal, message
} from 'antd';

import PageHeaderLayout from '../../layouts/PageHeaderLayout';
{/*
    url: 需要websocket连接所监听的url。
    onMessage: 需要在接收数据时调用回调。数据是JSON.parse
    onOpen: 当连接成功打开时调用回调。
    onClose: 由于服务器断开或网络错误导致连接关闭时调用
    debug: 默认值:false设置为true，以查看控制台日志记录。
    reconnect: 加速重新连接的时间
*/}
export default class VideoWebSocket extends PureComponent {
    state = {
        count: 90
    };

    componentDidMount() {
        console.log("VideoWebSocket第一次进")
    }

    handleData = (data) => {
        console.log("VideoWebSocket  data：", data)
        let result = JSON.parse(data);
        this.setState({
            count: this.state.count + result.movement
        })
    }
 
    render() {

        return (
            <PageHeaderLayout>
                Count: <strong>{this.state.count}</strong>
                <Websocket 
                    url='ws://192.168.2.122:18099/cpicbcwh/websocket/' 
                    onMessage={this.handleData.bind(this)}
                />
            </PageHeaderLayout>
        );
    }
}

// export default VideoWebSocket;